module.exports = {
    lintOnSave: false,
    publicPath: './',
    // baseUrl: '/',
    // css 里面的配置是用来转换px-rem的如果不需要自适应注释即可
    css: {
        loaderOptions: {
            sass: {
                prependData: `
                @import '@/assets/css/base.scss';
                `
            },
            less: {
                lessOptions: {
                    modifyVars: {
                        'border-radius-base': '2px',
                        'font-size-base': '12px',
                        'primary-color': '#ff6600'
                    },
                    javascriptEnabled: true
                }
            }
        }
    }
    //     postcss: {
    //       plugins: [
    //         // eslint-disable-next-line global-require
    //         require('postcss-px2rem-exclude')({
    //           remUnit: 192, // 换算的基数
    //           // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。目前我使用 selectorBlackList字段，来过滤
    //           // 如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
    //           selectorBlackList: ['ig'],
    //           propList: ['*'],
    //           exclude: /node_modules/,
    //           propBlackList: ['border'] // 过滤属性
    //         })
    //       ]
    //     }
    // devServer: {
    //     disableHostCheck: true,
    //     proxy: {
    //         // detail: https://cli.vuejs.org/config/#devserver-proxy
    //         '/api': {
    //             target: 'https://www.oschina.net/',
    //             changeOrigin: true,
    //             pathRewrite: {
    //                 '^/api': ''
    //             }
    //         }
    //     }
    // }
}
